<template>
  <div class="friend">
    <div class="friend-wrapper">
      <Search></Search>
      <FriendList></FriendList>
    </div>
    <div class="friendinfo">
      <Info></Info>
    </div>
  </div>
</template>

<script>
import Search from "../child/search/search";
import FriendList from "../child/friend/friendList";
import Info from "../child/friend/info/index";

export default {
  components: {
    Search,
    FriendList,
    Info
  }
};
</script>

<style scoped>
.friend {
  display: flex;
  width: 800px;
}

.friend-wrapper {
  width: 250px;
  background: rgb(230, 230, 230);
}

.friendinfo {
  flex: 1;
}
</style>